<template>
  <div class="logo">
    <!-- <router-link :to="routerLinkTo"> -->
    <h1>{{ title }}</h1>
    <!-- </router-link> -->
  </div>
</template>

<script>
  import { mixin } from '@/utils/mixin.js'

  export default {
    name: 'Logo',
    mixins: [mixin],
    props: {
      title: {
        type: String,
        // default: '能碳管理系统',
        default() {
          return this.$t('message.energy_and_carbon_management_system')
        },
        required: false
      },
      showTitle: {
        type: Boolean,
        default: true,
        required: false
      },
      // 点击Logo跳转地址
      routerLinkTo: {
        type: Object,
        default: () => ({name: 'dashboard'}),
      },
    }
  }
</script>
<style lang="less" scoped>
  /*缩小首页布 局顶部的高度*/
  @height: 59px;

  .sider {
    box-shadow: none !important;
    .logo {
      height: @height !important;
      line-height: @height !important;
      box-shadow: none !important;
      transition: background 300ms;

      a {
        color: white;
        &:hover {
          color: rgba(255, 255, 255, 0.8);
        }
      }
    }

    &.light .logo {
      background-color: @primary-color;
    }
  }

h1 {
  font-family: YSBTH;
  font-weight: 400;
  font-size: 28px !important;
  color: #FFFFFF !important;
}
</style>